.main {
    width: 100%;
    height: 100%;
    background: rgb(8, 17, 32);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    .title {
        height: 10%;
        width: 98%;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 2vw;
        font-weight: 900;
        color: white;
    }

    .content {
        height: 95%;
        width: 95%;
        // background: yellow;

        .selections {
            height: 6%;
            width: 100%;
            display: flex;
            div{
                width: 33%;
                height: 100%;
                // display: flex;
                // align-items:center;
                font-size: 1.5vw;
                font-weight: 800;
                color: white;
                span{
                    margin-right: 1.5vw;
                }
                select{
                    width: 15vw;
                    // height: 2vw;s
                    font-size: 1.5vw;
                    font-weight: 800;
                    line-height: 2vw;
                }
            }
        }

        .tables {
            height: 84%;
            width: 100%;
            display: flex;
            justify-content: space-around;
            border-radius: 1vh;
            .table1{
                width: 49%;
                height: 100%;
                .tableContent{
                    width: 100%;
                    height: 90%;
                    // background: red;
                        .el-table{
                            height: 100%;
                            width: 100%;
                            border-radius: 1vh  ;
                        }
                }
                .addORdelete{
                    // background: green;
                    display: flex;
                    justify-content: flex-start;
                    height: 10%;
                    width: 100%;
                    align-items:center  ;
                    button{
                        height: 5vh;
                        width: 8vw;
                        margin-right: 2vw;
                        background: rgb(71, 130, 186);
                        color: white;
                        border: 0ch;
                        border-radius: 0.5vh;
                    }
                }
            }
            .table2{
                width: 49%;
                height: 90%;
                width: 49%;
                height: 100%;
                .tableContent{
                    width: 100%;
                    height: 90%;
                    // background: red;
                        .el-table{
                            height: 100%;
                            width: 100%;
                            border-radius: 1vh  ;
                        }
                }
                .addORdelete{
                    // background: green;
                    display: flex;
                    justify-content: flex-start;
                    height: 10%;
                    width: 100%;
                    align-items:center  ;
                    button{
                        height: 5vh;
                        width: 8vw;
                        margin-right: 2vw;
                        background: rgb(71, 130, 186);
                        color: white;
                        border: 0ch;
                        border-radius: 0.5vh;
                    }
                }
            }

        }

        .saveORback {
            height: 10%;
            width: 100%;
            display: flex;
            justify-content: flex-end;
            align-items: flex-end;
            // background: yellowgreen;

            button {
                height: 5vh;
                width: 11vw;
                font-size: 1.7vh;
                color: aliceblue;
                background: url(/src/views/index/jumpToView/buttonPhoto/buttonbefore.png) no-repeat 32.9% 83.9%;
                background-size: 105vw 95vh;
                border: 0ch;
                cursor: pointer;
                border-radius: 0.5vh;
                margin-left: 3vw;
                margin-bottom: 2vh;
            }
        }
    }
}

:deep .el-table .cell {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    word-break: break-all;
    line-height: 3vh;
    padding: 0 1vw;
}

:deep .cell {
    font-size: 1vw;
    color: black;
}